﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="cTn" />
<link type="text/css" rel="stylesheet" href="./main.css" media="all"/>
<link type="text/css" rel="stylesheet" href="./js/libraries/jquery.nouislider.min.css" />
<link type="text/css" rel="stylesheet" href="./js/libraries/jquery.nouislider.pips.min.css" />
<link type="text/css" rel="stylesheet" href="./tabs/landing.css" media="all" />
<link type="text/css" rel="stylesheet" href="./tabs/esc.css" media="all" />
<link type="text/css" rel="stylesheet" href="./css/opensans_webfontkit/fonts.css" media="all" />
<link type="text/css" rel="stylesheet" href="./css/dropdown-lists/css/style_lists.css" media="all" />
<link type="text/css" rel="stylesheet" href="./js/libraries/switchery/switchery.css" media="all" />
<link type="text/css" rel="stylesheet" href="./js/libraries/jbox/jBox.css" />
<link type="text/css" rel="stylesheet" href="./js/libraries/react-input-range.min.css" />
<script type="text/javascript" src="./js/libraries/polyfill.min.js"></script>
<script type="text/javascript" src="./js/libraries/react.min.js"></script>
<script type="text/javascript" src="./js/libraries/react-dom.min.js"></script>
<script type="text/javascript" src="./js/libraries/react-input-range.min.js"></script>
<script type="text/javascript" src="./js/libraries/q.js"></script>
<script type="text/javascript" src="./js/libraries/google-analytics-bundle.js"></script>
<script type="text/javascript" src="./js/libraries/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="./js/libraries/jquery-ui-1.11.4.min.js"></script>
<script type="text/javascript" src="./js/libraries/jquery.nouislider.all.min.js"></script>
<script type="text/javascript" src="./js/libraries/semver.js"></script>
<script type="text/javascript" src="./js/libraries/jbox/jBox.min.js"></script>
<script type="text/javascript" src="./js/libraries/switchery/switchery.js"></script>
<script type="text/javascript" src="./js/debug.js"></script>
<script type="text/javascript" src="./js/flashing_helpers.js"></script>
<script type="text/javascript" src="./js/port_handler.js"></script>
<script type="text/javascript" src="./js/port_usage.js"></script>
<script type="text/javascript" src="./js/serial.js"></script>
<script type="text/javascript" src="./js/gui.js"></script>
<script type="text/javascript" src="./js/data_storage.js"></script>
<script type="text/javascript" src="./js/serial_backend.js"></script>
<script type="text/javascript" src="./js/fc.js"></script>
<script type="text/javascript" src="./js/msp.js"></script>
<script type="text/javascript" src="./js/localization.js"></script>
<script type="text/javascript" src="./js/_4way_if.js"></script>
<script type="text/javascript" src="./js/blheli_eeprom_layout.js"></script>
<script type="text/javascript" src="./js/blheli_settings_description.js"></script>
<script type="text/javascript" src="./js/blheli_escs.js"></script>
<script type="text/javascript" src="./js/blheli_versions.js"></script>
<script type="text/javascript" src="./js/blheli_defaults.js"></script>
<script type="text/javascript" src="./js/open_esc_eeprom_layout.js"></script>
<script type="text/javascript" src="./js/open_esc_settings_description.js"></script>
<script type="text/javascript" src="./js/open_esc_escs.js"></script>
<script type="text/javascript" src="./js/open_esc_versions.js"></script>
<script type="text/javascript" src="./js/open_esc_defaults.js"></script>
<script type="text/javascript" src="./js/fetch_json.js"></script>
<!-- configurator components -->
<script type="text/javascript" src="./js/build/base_components.js"></script>
<script type="text/javascript" src="./js/build/individual_settings.js"></script>
<script type="text/javascript" src="./js/build/common_settings.js"></script>
<script type="text/javascript" src="./js/build/firmware_selector.js"></script>
<script type="text/javascript" src="./js/build/blheli_configurator.js"></script>
<script type="text/javascript" src="./js/build/esc.js"></script>
<!-- -->
<script type="text/javascript" src="./main.js"></script>
<script type="text/javascript" src="./tabs/landing.js"></script>
<title>BLHeli Configurator</title>
</head>
<body>
    <div id="main-wrapper">
        <div class="headerbar">
            <div id="logo">
                <div class="logo_text">
                </div>
            </div>
            <a id="options" href="#" i18n_title="optionsTitle"></a>
            <div id="port-picker">
                <div class="connect_controls" id="connectbutton">
                    <div class="connect_b">
                        <a class="connect" href="#"></a>
                    </div>
                    <a class="connect_state" i18n="connect"></a>
                </div>
                <div id="portsinput">
                    <div class="dropdown dropdown-dark">
                        <select class="dropdown-select" id="port" i18n_title="Port">
                            <option value="manual" i18n="portOptionManual" />
                            <!-- port list gets generated here -->
                        </select>
                    </div>
                    <div class="dropdown dropdown-dark">
                        <select class="dropdown-select" id="baud" i18n_title="baudRateSelection">
                            <option value="115200" selected="selected">115200</option>
                            <option value="57600">57600</option>
                            <option value="38400">38400</option>
                            <option value="28800">28800</option>
                            <option value="19200">19200</option>
                            <option value="14400">14400</option>
                            <option value="9600">9600</option>
                            <option value="4800">4800</option>
                            <option value="2400">2400</option>
                            <option value="1200">1200</option>
                        </select>
                    </div>
                    <div id="port-override-option">
                        <label for="port-override">
                            <span i18n="portTitle"></span> 
                            <input id="port-override" type="text" value="/dev/rfcomm0" />
                        </label>
                    </div>
                </div>
            </div>
            <div class="header-wrapper">
            </div>
        </div>
        <div class="clear-both"></div>
        <div id="log">
            <div class="logswitch">
                <a href="#" id="showlog" ></a>
            </div>
            <div id="scrollicon"></div>
            <div class="wrapper"></div>
        </div>
        <div class="tab_container">
            <div id="tabs">
                <ul class="mode-disconnected">
                    <li class="tab_landing"><a href="#" i18n="tabLanding" class="tabicon ic_welcome" i18n_title="tabLanding"></a></li>
                </ul>
                <ul class="mode-connected">
                    <li class="tab_esc"><a href="#" i18n="tabESC" class="tabicon ic_cli" i18n_title="tabESC"></a></li>
                </ul>
            </div>
            <div class="clear-both"></div>
        </div>
        <div id="content"></div>
        <div id="status-bar">
            <div>
                <span i18n="statusbarPortUtilization"></span> <span class="port_usage_down">D: 0%</span> <span
                    class="port_usage_up">U: 0%</span>
            </div>
            <div>
                <span i18n="statusbarPacketError"></span> <span class="packet-error">0</span>
            </div>
            <div class="version">
                <!-- configuration version generated here -->
            </div>
        </div>
        <div id="cache">
            <div class="data-loading">
                <p i18n="waitingForData"></p>
            </div>
        </div>
    </div>
</body>
</html>
